<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <script>
	    var html = document.getElementsByTagName('html')[0];
	    html.style.fontSize = html.clientWidth / 3.75 + "px";
    </script>
    <title>全国产地</title>
    <link rel="stylesheet" href="../static/css/Reset.css">
    <link rel="stylesheet" href="../static/css/farmIndex.css" />
</head>
<body>
    <div class="yp_main" id="allFarm" v-scroll="getMore">
    	<!--header-->
    	<header class="yp_header">
    		<div class="yp_search">
				<div class="s_con" id="goSearch" @click="goSearch">
					<img src="../static/images/search.png"/>
					<em>搜索供应商名称</em>
				</div>
			</div>
			<ul class="tab">
				<li id="selectProvince" type="3" @click="getProvince">
					<em id="cityName2">地区</em>
					<img src="../static/images/downArrow2.png" alt="" />
					<input type="hidden" name="provinceId" id="provinceId" value="">
				</li>
				<li id="selectClass" type="4" @click="getClass">
					<em id="className">品种</em>
					<img src="../static/images/downArrow2.png" alt="" />
					<input type="hidden" name="oneClass" id="oneClassId" value="" data-oneClass-name="" >                     
        			<input type="hidden" name="twoClass" id="twoClassId" value="" data-twoClass-name="" >
				</li>
			</ul>
		</header>
		<!--header end-->
        <ul class="supplyList">
        	<li>
        		<a href="">
        			<div class="left_pic">
        				<img src="../static/images/apple.jpg" alt="" />
        			</div>
        			<div class="right_text">
        				<div class="farmName">意大利社员汇庄园</div>
        				<div class="farmGoods">供应：白菜、萝卜、土豆</div>
        				<div class="farmPerson">
        					<div class="personName">
        						<img src="../static/images/location.png" alt="" />
        						王二
        					</div>
        					<div class="personLocl">
        						<img src="../static/images/location.png" alt="" />
        						怀柔
        					</div>
        				</div>
        			</div>
        		</a>
        	</li>
        	<li v-for="goods in goodsList">
        		<a v-bind:href="'../wantBuy/bs_detail.html?id=' + goods.goodsId">
			        <div class="left_pic">
			        	<img :src="goods.mainImage[0]" alt=""/>
			        	<span>{{goods.supplyStatus}}</span>
			        </div>			        
			        <div class="right_text">
			            <p class="goodsInfo">
			            	<i class="sdd_tag">{{goods.goodsClassName}}<em class="jiantou"></em></i>
			            	{{goods.goodsName}}
			            </p>
			            <div class="supplyGoods firstTop">
			            	<span class="area">
								<img src="../static/images/farm.png" alt=""/>
								<i>{{goods.farmName}}</i>
							</span>
							<span class="location">								
								<img src="../static/images/location.png" alt=""/>
								<i>{{goods.distance}}km</i>
							</span>
			            </div>
			            <div class="supplyGoods">
			                <span class="total">总量：{{goods.totalSupply | quzheng}}{{goods.unit}}</span>
			            </div>
			            <div class="supplyGoods">
			            	<span class="qipi">起批：{{goods.rangeBegin | quzheng}}{{goods.unit}}</span>
			            	<span v-if="goods.price&&goods.price!='0.00'&&goods.price!='0.0'&&goods.price!='0'" class="price"><i>¥{{goods.price}}</i>元/{{goods.unit}}</span>
							<span v-else class="price">可议</span>
			            </div>
			        </div>
		        </a>
			</li>
			<!--未关注-->
			<div v-if="noData" class="noData">
				<img src="../static/images/zwxx.png" alt="">
				<div class="noDataText">暂无相关信息！</div>
			</div>
        </ul>
        <!--loading组件-->
		<loading v-show="showLoading"></loading>
		<!--选择地区弹层-->
		<div class="selectProvince"></div>
		<!--选择分类弹层-->
		<div class="selectClass"></div>
    </div>
</body>
<script src="https://api.map.baidu.com/api?v=2.0&ak=1BiZDIdoRV9iryDNcdF4oU37pqwftOin&s=1"></script>
<script type="text/javascript" src="../libs/jquery.min.js"></script>
<script type="text/javascript" src="../libs/iosSelect.js"></script>
<script type="text/javascript" src="../libs/fastclick.min.js"></script>
<script type="text/javascript" src="../libs/vue/vue.min.js"></script>
<script type="text/javascript" src="../libs/vue/vue-resource.min.js"></script>
<script type="text/javascript" src="../libs/require.js"></script>
<script type="text/javascript" src="../libs/var.js"></script>
<script type="text/javascript" src="../libs/common.js"></script>
<script type="text/javascript" src="./js/farmIndex.js"></script>
</html>
